<template>
    <div class="strategy">
        <div class="content" style="padding: 10px 10px 10px 10px;background-color: white;">

            <div style="width: 100%;height: 35px;line-height:35px;border-top: 1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;font-size: 14px; margin-bottom: 10px;">
                <img style="width: 25px;vertical-align: middle;" src="/images/icon_strategy.png">
                <span>
                    积分攻略
                </span>
            </div>

            <div style="width: 100%;height: auto;">
                <span v-html="contentDetail.content">
                    {{contentDetail.content}}
                </span>
            </div>



        </div>
    </div>
</template>
<script>
    import Cookies from 'js-cookie'
    import {isDev} from "../../utils/tools";
    import { Toast } from 'vant';
    export default {
        name: "Strategy",
        components: {},
        data() {
            return{
                menuId:'',
                contentDetail:{},
                count:1,
            }
        },
        mounted(){
            this.token = Cookies.get("token")
            this.menuId = 3
            isDev&&console.log(this.token);
            this.fetchStrategyDetail()
        },
        computed: {},
        methods: {
            fetchStrategyDetail(){
                this.$api.contentSet.contentSetDetail({id:this.menuId}).then(res=>{
                    // isDev&&console.log(res);
                    if(res.code==0){
                        isDev&&console.log(res.data);
                        this.contentDetail = res.data
                    }else{
                        console.log(res);
                    }
                }).catch(error=>{
                    console.log(this.error);
                })
            }
        }
    }
</script>

<style scoped>
.strategy{

}
</style>
